import { styled } from '@mui/material'
import TableSortLabel, { tableSortLabelClasses } from '@mui/material/TableSortLabel';

const StyledTableSortLabel = styled(TableSortLabel)(({ theme }) => {
  return ({
  [`&.${tableSortLabelClasses.root}`]: {
    color: theme.palette.common.white,
    // fontSize: '17.5px',
    // fontWeight: '600',
    padding: 0
  },
  [`.${tableSortLabelClasses.icon}`]: {
    opacity: 0
  },
  [`.${tableSortLabelClasses.iconDirectionDesc}`]: {
    color: `${theme.palette.common.white} !important`,
    fontSize: '18px',
    fontWeight: '600'
  },
  [`.${tableSortLabelClasses.iconDirectionAsc}`]: {
    color: `${theme.palette.common.white} !important`,
    fontSize: '18px',
    fontWeight: '600'
  },
  [`.${tableSortLabelClasses.active}`]: {
    opacity: 1
  }
})});

export default StyledTableSortLabel